<!DOCTYPE html>
@args{
UserBean user
}
<html>
<head>
    <title>@render("title"){安浪人工智能管理系统后台管理中心}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
    <!-- Bootstrap -->
    <link href="@(asset)bs3/css/bootstrap.min.css" rel="stylesheet">
    <link href="@(asset)css/style-responsive.css" rel="stylesheet">
    <link href="@(asset)css/atom-style.css" rel="stylesheet">
    <link href="@(asset)css/font-awesome.min.css" rel="stylesheet">
    <link href="@(asset)plugins/kalendar/kalendar.css" rel="stylesheet">
    <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
    <link href="@(asset)css/animate.css" rel="stylesheet">
    <link href="@(asset)plugins/scroll/nanoscroller.css" rel="stylesheet">
    @render("css"){
        <!--默认的附加css-->
    }
    <script>
        //  设置资源路径变量
        var __asset__ = "@(asset)";
    </script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="@(asset)libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="@(asset)libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>




<!--layout-container start-->
<div id="layout-container">
    <!--Left navbar start-->
    <div id="nav">
        <!--logo start-->
        <div class="profile">
            <div class="logo"><a href="index.html"><img src="@(asset)images/logo.png" alt=""></a></div>
        </div>
        <!--logo end-->

        <!--navigation start-->
        <ul class="navigation">
            <li><a href="/admin"><i class="fa fa-dashboard"></i><span>仪表盘</span></a></li>
            <li class="sub"><a href="#"><i class="fa fa-cog"></i><span>系统</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-cogs"></i><span>系统配置</span></a></li>
                    <li><a href=""><i class="fa fa-folder-open"></i><span>附件管理</span></a></li>
                    <li><a href=""><i class="fa  fa-picture-o"></i><span>首页Banner</span></a></li>
                    <li><a href=""><i class="fa fa-chain"></i><span>合作伙伴</span></a></li>
                    <li><a href=""><i class="fa fa-jpy"></i><span>支付接口</span></a></li>
                    <li><a href=""><i class="fa fa-money"></i><span>财务管理</span></a></li>
                    <li><a href=""><i class="fa fa-comments"></i><span>短信配置</span></a></li>
                    <li><a href=""><i class="fa fa-envelope"></i><span>邮件配置</span></a></li>
                    <li><a href=""><i class="fa fa-shield"></i><span>安全配置</span></a></li>
                    <li><a href=""><i class="fa  fa-puzzle-piece"></i><span>API配置</span></a></li>
                    <li><a href=""><i class="fa  fa-cloud-upload"></i><span>数据备份</span></a></li>
                    <li><a href=""><i class="fa  fa-comments-o"></i><span>留言管理</span></a></li>
                    <li><a href=""><i class="fa  fa-warning"></i><span>系统日志</span></a></li>
                </ul>
            </li>
            <li class="sub"><a href="#"><i class="fa fa-users"></i><span>会员</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-th-list"></i><span>会员管理</span></a></li>
                    <li><a href=""><i class="fa fa-sitemap"></i><span>权限设置</span></a></li>
                </ul>
            </li>
            <li class="sub"><a href="#"><i class="fa fa-comments"></i><span>微信</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-cogs"></i><span>微信公众号配置</span></a></li>
                    <li><a href=""><i class="fa fa-cogs"></i><span>微信小程序配置</span></a></li>
                    <li><a href=""><i class="fa fa-cogs"></i><span>微信开放平台配置</span></a></li>
                    <li><a href=""><i class="fa fa-sitemap"></i><span>公众号菜单设计</span></a></li>
                </ul>
            </li>
            <li class="sub"><a href="#"><i class="fa fa-shopping-cart"></i><span>商城</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-th-list"></i><span>商品管理</span></a></li>
                    <li><a href=""><i class="fa fa-sitemap"></i><span>商品分类</span></a></li>
                    <li><a href=""><i class="fa fa-truck"></i><span>订单管理</span></a></li>
                    <li><a href=""><i class="fa fa-trophy"></i><span>品牌管理</span></a></li>
                    <li><a href=""><i class="fa fa-comments"></i><span>用户评论</span></a></li>
                    <li><a href=""><i class="fa fa-camera-retro"></i><span>用户晒单</span></a></li>
                    <li><a href=""><i class="fa fa-tags"></i><span>标签管理</span></a></li>
                    <li><a href=""><i class="fa fa-pencil-square"></i><span>属性管理</span></a></li>
                </ul>
            </li>
            <li class="sub"> <a href="#"><i class="fa fa-inbox"></i><span>产品与服务</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-th-list"></i><span>产品与服务管理</span></a></li>
                    <li><a href=""><i class="fa fa-sitemap"></i><span>产品与服务分类</span></a></li>
                </ul>
            </li>
            <li class="sub"><a href="#"><i class="fa  fa-foursquare"></i><span>解决方案</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-th-list"></i><span>解决方案管理</span></a></li>
                    <li><a href=""><i class="fa fa-sitemap"></i><span>解决方案分类</span></a></li>
                </ul>
            </li>
            <li class="sub"><a href="#"><i class="fa fa-list-alt"></i><span>博客</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-th-list"></i><span>博文管理</span></a></li>
                    <li><a href=""><i class="fa fa-sitemap"></i><span>博文分类</span></a></li>
                </ul>
            </li>
            <li class="sub"><a href="#"><i class="fa fa fa-code"></i><span>SDK</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-th-list"></i><span>SDK管理</span></a></li>
                    <li><a href=""><i class="fa fa-sitemap"></i><span>SDK分类</span></a></li>
                </ul>
            </li>
            <li class="sub"><a href="#"><i class="fa fa-youtube-play"></i><span>学院</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-list-ul"></i><span>课程管理</span></a></li>
                    <li><a href=""><i class="fa fa-sitemap"></i><span>课程分类</span></a></li>
                    <li><a href=""><i class="fa fa-th-list"></i><span>文档管理</span></a></li>
                    <li><a href=""><i class="fa fa-sitemap"></i><span>文档分类</span></a></li>
                </ul>
            </li>
            <li class="sub"><a href="#"><i class="fa fa-suitcase"></i><span>企业与项目</span></a>
                <ul class="navigation-sub">
                    <li><a href=""><i class="fa fa-th-list"></i><span>项目管理</span></a></li>
                    <li><a href=""><i class="fa fa-th-large"></i><span>企业管理</span></a></li>
                </ul>
            </li>


        </ul>
        <!--navigation end-->
    </div>
    <!--Left navbar end-->

    <!--main start-->
    <div id="main">
        <div class="head-title">
            <div class="menu-switch"><i class="fa fa-bars"></i></div>
            <!--row start-->
            <div class="row">
                <!--col-md-12 start-->
                <div class="col-md-12">
                    <!--profile dropdown start-->
                    <ul class="user-info pull-right fadeInLeftBig animated">
                        <li class="hidden-xs">
                            <input type="text" placeholder=" Search" class="form-control page-search">
                        </li>
                        <li class="profile-info dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <img class="img-circle" width="50px" alt="" src="@(user.getAvatar())">
                                @(user.getNickname())（@(user.getUsername())）
                            </a>
                            <ul class="dropdown-menu">
                                <li class="caret"></li>
                                <li> <a href="/admin/user/profile"> <i class="fa fa-user"></i> 查看个人信息 </a> </li>
                                <li> <a href="/admin/user/edit"> <i class="fa fa-pencil"></i> 编辑个人信息 </a> </li>
                                <li> <a href="/admin/auth/signout"> <i class="fa fa-clipboard"></i> 安全注销</a> </li>
                            </ul>
                        </li>
                        <li class="hidden-xs"><a class="toggle-menu menu-right push-body jPushMenuBtn rightbar-switch" href="javascript:;"><i class="fa fa-bars"></i></a></li>
                    </ul><!--profile dropdown end-->

                    <!--top nav start-->
                    <ul class="nav top-menu hidden-xs notify-row fadeInRightBig animated">
                        <!--task start-->
                        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-tasks"></i> <span class="badge bg-success">6</span> </a>
                            <ul class="dropdown-menu extended tasks-bar">
                                <div class="notify-arrow notify-arrow-red"></div>
                                <li>
                                    <p class="red">You have 4 pending tasks</p>
                                </li>
                                <li> <a href="#">
                                    <div class="task-info">
                                        <div class="desc">Dashboard v1.3</div>
                                        <div class="percent">40%</div>
                                    </div>
                                    <div class="progress progress-striped">
                                        <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success"> <span class="sr-only">40% Complete</span> </div>
                                    </div>
                                </a> </li>
                                <li> <a href="#">
                                    <div class="task-info">
                                        <div class="desc">Database Update</div>
                                        <div class="percent">60%</div>
                                    </div>
                                    <div class="progress progress-striped">
                                        <div style="width: 60%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" role="progressbar" class="progress-bar progress-bar-warning"> <span class="sr-only">60% Complete (warning)</span> </div>
                                    </div>
                                </a> </li>
                                <li> <a href="#">
                                    <div class="task-info">
                                        <div class="desc">Iphone Development</div>
                                        <div class="percent">87%</div>
                                    </div>
                                    <div class="progress progress-striped">
                                        <div style="width: 87%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar" class="progress-bar progress-bar-info"> <span class="sr-only">87% Complete</span> </div>
                                    </div>
                                </a> </li>
                                <li> <a href="#">
                                    <div class="task-info">
                                        <div class="desc">Mobile App</div>
                                        <div class="percent">33%</div>
                                    </div>
                                    <div class="progress progress-striped">
                                        <div style="width: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar progress-bar-danger"> <span class="sr-only">33% Complete (danger)</span> </div>
                                    </div>
                                </a> </li>
                                <li> <a href="#">
                                    <div class="task-info">
                                        <div class="desc">Dashboard v1.3</div>
                                        <div class="percent">45%</div>
                                    </div>
                                    <div class="progress progress-striped active">
                                        <div style="width: 45%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="45" role="progressbar" class="progress-bar"> <span class="sr-only">45% Complete</span> </div>
                                    </div>
                                </a> </li>
                                <li class="external"> <a href="#">See All Tasks</a> </li>
                            </ul>
                        </li><!--task end-->

                        <!--message start-->
                        <li class="dropdown" id="header_inbox_bar"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-envelope-o"></i> <span class="badge bg-important">5</span> </a>
                            <ul class="dropdown-menu extended inbox">
                                <div class="notify-arrow notify-arrow-red"></div>
                                <li>
                                    <p class="red">You have 7 new messages</p>
                                </li>
                                <li> <a href="#"> <span class="photo"><img src="@(asset)images/avatar2.jpg" alt="avatar"></span> <span class="subject"> <span class="from">Jonathan Smith</span> <span class="time">Just now</span> </span> <span class="message"> consectetur adipiscing elit </span> </a> </li>
                                <li> <a href="#"> <span class="photo"><img src="@(asset)images/avatar2.jpg" alt="avatar"></span> <span class="subject"> <span class="from">John Doe</span> <span class="time">20 mins</span> </span> <span class="message">consectetur adipiscing elit </span> </a> </li>
                                <li> <a href="#"> <span class="photo"><img src="@(asset)images/avatar2.jpg" alt="avatar"></span> <span class="subject"> <span class="from">Jonathan Smith</span> <span class="time">5 hrs</span> </span> <span class="message"> This is awesome dashboard. </span> </a> </li>
                                <li> <a href="#"> <span class="photo"><img src="@(asset)images/avatar2.jpg" alt="avatar"></span> <span class="subject"> <span class="from">John Doe</span> <span class="time">Just now</span> </span> <span class="message"> consectetur adipiscing elit </span> </a> </li>
                                <li class="external"> <a href="#">See all messages</a> </li>
                            </ul>
                        </li><!--message end-->

                        <!--notification start-->
                        <li class="dropdown" id="header_notification_bar"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-bell-o"></i> <span class="badge bg-warning">7</span> </a>
                            <ul class="dropdown-menu extended notification">
                                <div class="notify-arrow notify-arrow-red"></div>
                                <li>
                                    <p class="red">You have 3 new notifications</p>
                                </li>
                                <li> <a href="#"> <span class="label label-danger"><i class="fa fa-bolt"></i></span> Server #3 overloaded. <span class="small italic">34 mins</span> </a> </li>
                                <li> <a href="#"> <span class="label label-warning"><i class="fa fa-bell"></i></span> Server #10 not respoding. <span class="small italic">1 Hours</span> </a> </li>
                                <li> <a href="#"> <span class="label label-danger"><i class="fa fa-bolt"></i></span> Database overloaded 24%. <span class="small italic">4 hrs</span> </a> </li>
                                <li> <a href="#"> <span class="label label-success"><i class="fa fa-plus"></i></span> New user registered. <span class="small italic">Just now</span> </a> </li>
                                <li> <a href="#"> <span class="label label-info"><i class="fa fa-bullhorn"></i></span> Application error. <span class="small italic">10 mins</span> </a> </li>
                                <li class="external"> <a href="#">See all notifications</a> </li>
                            </ul>
                        </li><!--notification end-->
                    </ul><!--top nav end-->
                </div>
                <!--col-md-12 end-->
            </div>
            <!--row end-->
        </div>
        <!--margin-container start-->
        @render()
        <!--margin-container end-->
    </div>
    <!--main end-->
    <!-- sidebar chats -->
    <nav class="atm-spmenu atm-spmenu-vertical atm-spmenu-right side-chat">
        <div class="header">
            <input type="text" class="form-control chat-search" placeholder=" Search">
        </div>
        <div href="#" class="sub-header">
            <div class="icon"><i class="fa fa-user"></i></div> <p>Online (4)</p>
        </div>
        <div class="content">
            <p class="title">Family</p>
            <ul class="nav nav-pills nav-stacked contacts">
                <li class="online"><a href="#"><i class="fa fa-circle-o"></i> Steven Smith</a></li>
                <li class="online"><a href="#"><i class="fa fa-circle-o"></i> John Doe</a></li>
                <li class="online"><a href="#"><i class="fa fa-circle-o"></i> Michael Smith</a></li>
                <li class="busy"><a href="#"><i class="fa fa-circle-o"></i> Chris Rogers</a></li>
            </ul>

            <p class="title">Friends</p>
            <ul class="nav nav-pills nav-stacked contacts">
                <li class="online"><a href="#"><i class="fa fa-circle-o"></i> Vernon Philander</a></li>
                <li class="outside"><a href="#"><i class="fa fa-circle-o"></i> Kyle Abbott</a></li>
                <li><a href="#"><i class="fa fa-circle-o"></i> Dean Elgar</a></li>
            </ul>

            <p class="title">Work</p>
            <ul class="nav nav-pills nav-stacked contacts">
                <li><a href="#"><i class="fa fa-circle-o"></i> Dale Steyn</a></li>
                <li><a href="#"><i class="fa fa-circle-o"></i> Morne Morkel</a></li>
            </ul>

        </div>
        <div id="chat-box">
            <div class="header">
                <span>Richard Avedon</span>
                <a class="close"><i class="fa fa-times"></i></a>
            </div>
            <div class="messages nano nscroller has-scrollbar">
                <div class="content" tabindex="0" style="right: -17px;">
                    <ul class="conversation">
                        <li class="odd">
                            <p>Hi John, how are you?</p>
                        </li>
                        <li class="text-right">
                            <p>Hello I am also fine</p>
                        </li>
                        <li class="odd">
                            <p>Tell me what about you?</p>
                        </li>
                        <li class="text-right">
                            <p>Sorry, I'm late... see you</p>
                        </li>
                        <li class="odd unread">
                            <p>OK, call me later...</p>
                        </li>
                    </ul>
                </div>
                <div class="pane" style="display: none;"><div class="slider" style="height: 20px; top: 0px;"></div></div></div>
            <div class="chat-input">
                <div class="input-group">
                    <input type="text" placeholder="Enter a message..." class="form-control">
                    <span class="input-group-btn">
        <button class="btn btn-danger" type="button">Send</button>
        </span>
                </div>
            </div>
        </div>
    </nav>
    <!-- /sidebar chats -->
</div>
<!--layout-container end-->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="@(asset)js/jquery-1.10.2.js"></script>
<script src="@(asset)js/jquery-ui-1.9.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="@(asset)bs3/js/bootstrap.min.js"></script>
<script src="@(asset)js/smooth-sliding-menu.js"></script>
<script src="@(asset)js/console-numbering.js"></script>
<script src="@(asset)js/to-do-admin.js"></script>
<script src="@(asset)js/jquery.sparkline.js"></script>
<script src="@(asset)js/sparkline-chart.js"></script>
<script src="@(asset)js/select-checkbox.js"></script>
<script src="@(asset)js/jPushMenu.js"></script>
<script src="@(asset)js/side-chats.js"></script>
<script src="@(asset)plugins/scroll/jquery.nanoscroller.js"></script>
<script src="@(asset)plugins/kalendar/kalendar.js" type="text/javascript"></script>
<script src="@(asset)plugins/kalendar/edit-kalendar.js" type="text/javascript"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.barRenderer.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.highlighter.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.cursor.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.pointLabels.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/edit-jqplot.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.dateAxisRenderer.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.logAxisRenderer.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.canvasAxisTickRenderer.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="@(asset)plugins/jqplot/jqplot.pieRenderer.min.js"></script>
@render("js"){
<!--默认的附加js-->
}
</body>
</html>
